<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>${cmsArticle.title}-${site.title}</title>
    <meta name="keywords" content="${cmsArticle.keywords}">
    <meta name="description" content="${cmsArticle.description}">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="/static/website/default/assets/images/favicon.ico"/>

    <link href="/static/website/default/plugins/bootstrap/css/bootstrap.css" rel="stylesheet">
    <link href="/static/website/default/plugins/offcanvas/offcanvas.css" rel="stylesheet">
    <link href="/static/website/default/plugins/Font-Awesome-3.2.1/css/font-awesome.min.css" rel="stylesheet">

    <link href="/static/website/default/assets/css/style.css" rel="stylesheet">
    <link href="/static/website/default/assets/css/main.css" rel="stylesheet">
    <link href="/static/website/default/assets/css/blog.css" rel="stylesheet">
    <link href="/static/website/default/assets/css/footer.css" rel="stylesheet">


    <!--  css & js -->
    <link rel="stylesheet" href="/static/website/default/plugins/share/css/share.min.css">
</head>

<body>
<!-- 整站通用的头部及导航条 begin -->
<#include "/website/default/common/header.html" />
<!-- 整站内容区 begin -->

<div id="container" class="container">
    <div class="row row-offcanvas row-offcanvas-left">
        <div class="col-sm-4 sidebar-offcanvas" id="sidebar">
            <div class="panel panel-success">
                <div class="panel-heading">
                    <h3 class="panel-title">个人资料</h3>
                </div>
                <div class="panel-body">
                    <div class="box dashed">
                        <div class="box-body">
                            <a href="/blog/${cmsMember.username}">
                                <img alt="${cmsMember.nickname}的博客" class="box-object img-rounded"
                                     style="max-width: 162px; max-height: 142px;margin: auto;" src="${cmsMember.headPhoto}"
                                     title="${cmsMember.nickname}的博客: Fish Where The Fish Are" width="">
                            </a>
                        </div>
                        <div class="box-heading">
                            <h5 class="box-heading text-center">${cmsMember.nickname}</h5>
                        </div>
                    </div>
                    <div class="box">
                        <ul id="blog_rank" class="dashed">
                            <li>访问：<span>95900次</span></li>
                            <li>积分：<span>2005</span></li>
                            <li>等级：<span style="position:relative;display:inline-block;z-index:1">
										<img src="http://c.csdnimg.cn/jifen/images/xunzhang/jianzhang/blog5.png" alt=""
                                             style="vertical-align: middle;" id="leveImg" />
										<div id="smallTittle"
                                             style=" position: absolute;  left: -24px;  top: 25px;  text-align: center;  width: 101px;  height: 32px;  background-color: #fff;  line-height: 32px;  border: 2px #DDDDDD solid;  box-shadow: 0px 2px 2px rgba (0,0,0,0.1);  display: none;   z-index: 999;">
										<div style="left: 42%;  top: -8px;  position: absolute;  width: 0;  height: 0;  border-left: 10px solid transparent;  border-right: 10px solid transparent;  border-bottom: 8px solid #EAEAEA;"></div>
										积分：2005 </div>
									</span></li>
                            <li>排名：<span>第19144名</span></li>
                        </ul>
                        <ul id="blog_statistics">
                            <li>原创：<span>100篇</span></li>
                            <li>转载：<span>0篇</span></li>
                            <li>译文：<span>0篇</span></li>
                            <li>评论：<span>27条</span></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="panel panel-info">
                <div class="panel-heading">
                    <h3 class="panel-title">最近访客</h3>
                </div>
                <div class="panel-body">
                    <div class="row">
                        <#if memberVisitorLogList?? && memberVisitorLogList?size gt 0>
                            <#list memberVisitorLogList as v>
                                <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
                                    <img class="box-object img-rounded" style="width: 48px; height: 48px;margin: auto;"
                                         src="${v.headPhoto}"/>
                                    <h5 class="box-heading text-center">${v.username}</h5>
                                </div><!--/.col-xs-6.col-lg-4-->
                            </#list>
                        </#if>
                    </div>
                </div>
            </div>
            <div class="panel panel-info">
                <div class="panel-heading">
                    <h3 class="panel-title">文章分类</h3>
                </div>
                <div class="panel-body">
                    <div class="list-group">
                        <#if cmsArticleCategoryList?? && cmsArticleCategoryList?size gt 0>
                            <#list cmsArticleCategoryList as cmsArticleCategory>
                                <#if cmsArticleCategory_index==0>
                                    <a href="#" class="list-group-item active">${cmsArticleCategory.name}<span class="badge">0</span></a>
                                </#if>
                                <#if cmsArticleCategory_index!=0>
                                    <a href="#" class="list-group-item">${cmsArticleCategory.name}<span class="badge">0</span></a>
                                </#if>
                            </#list>
                        </#if>
                    </div>
                </div>
            </div>
            <div class="panel panel-info">
                <div class="panel-heading">
                    <h3 class="panel-title">阅读排行</h3>
                </div>
                <div class="panel-body box">
                    <ul>
                        <#if cmsArticleRecommendList?? && cmsArticleRecommendList?size gt 0>
                            <#list cmsArticleRecommendList as cmsArticleRecommend>
                                <li>
                                    <a href="/article/detail/${cmsArticleRecommend.id}?channelId=${cmsArticleRecommend.channelId}" title="${cmsArticleRecommend.title}">${cmsArticleRecommend.title}</a>
                                    <span class="badge float-right">${cmsArticleRecommend.viewCount}</span>
                                </li>
                            </#list>
                        </#if>
                    </ul>
                </div>
            </div>
        </div>
        <#include "/website/default/common/article.html" />
</div>

</div>

<!--通用页脚 begin-->
<#include "/website/default/common/footer.html" />
<!--通用页脚 end-->

<!--手机端底部 begin-->
<#include "/website/default/common/mobile-bottom.html" />
<!--手机端底部 end-->



<!--手机端底部 begin-->
<#include "/website/default/common/bottom.html" />
<!--手机端底部 end-->
<script>
    const articleId ='${cmsArticle.id}';
    const whetherAllowScore = '${cmsArticle.whetherAllowScore}';
</script>
<script src="/static/website/default/plugins/jquery/validate/jquery.validate.js"></script>
<script src="/static/website/default/plugins/jquery/validate/jquery.validate.methods.js"></script>
<script src="/static/website/default/plugins/offcanvas/offcanvas.js"></script>
<script src="/static/website/default/plugins/share/js/social-share.min.js"></script>
<script src="/static/website/default/assets/js/article.js"></script>
</body>
